<template>
   <div>
                      <el-form-item  label="按钮宽度"  v-if="curComponent.propValue.btnWidth">
                            <el-input  v-model="curComponent.propValue.btnWidth" type="number" />
                    </el-form-item>
                     <el-form-item  label="按钮高度"  v-if="curComponent.propValue.btnHeight">
                           <el-input  v-model="curComponent.propValue.btnHeight" type="number" />
                    </el-form-item>
                     <el-form-item  label="按钮间距"  v-if="curComponent.propValue.BtnMargin">
                            <el-input  v-model="curComponent.propValue.BtnMargin" type="number" />
                    </el-form-item>
                    <el-form-item  label="按钮字体大小"  v-if="curComponent.propValue.BtnSize">
                            <el-input  v-model="curComponent.propValue.BtnSize" type="number" />
                    </el-form-item>
                       <el-form-item  label="按钮横向间距" v-if="curComponent.propValue.BtnMiddleMargin">
                            <el-input  v-model="curComponent.propValue.BtnMiddleMargin" type="number" />
                    </el-form-item>
                    <!-- <el-form-item  label="按钮选中颜色">
                            <el-color-picker v-model="curComponent.propValue.btnActiveColor" show-alpha></el-color-picker>
                    </el-form-item> -->
                     <el-form-item  label="按钮对齐方式"  v-if="curComponent.propValue.btnAlign">
                             <el-select v-model="curComponent.propValue.btnAlign" placeholder="请选择">
                                        <el-option label="靠左"  value="flex-start"> </el-option>
                                        <el-option label="居中"  value="center"> </el-option>
                                        <el-option label="自适应"  value="space-around"> </el-option>
                                        <el-option label="两边对齐"  value="space-between"> </el-option>
                                        <el-option label="靠右"  value="flex-end"> </el-option>
                                    </el-select>
                    </el-form-item>
                     <el-form-item  label="内容对齐方式" v-if="curComponent.propValue.contentFlex">
                             <el-select v-model="curComponent.propValue.contentFlex" placeholder="请选择">
                                        <el-option label="靠左"  value="flex-start"> </el-option>
                                        <el-option label="居中"  value="center"> </el-option>
                                        <el-option label="自适应"  value="space-around"> </el-option>
                                        <el-option label="两边对齐"  value="space-between"> </el-option>
                                        <el-option label="靠右"  value="flex-end"> </el-option>
                                    </el-select>
                    </el-form-item>
                    <el-form-item  label="子模块上边距"  v-if="curComponent.propValue.itemTop">
                            <el-input  v-model="curComponent.propValue.itemTop" type="number" />
                    </el-form-item>

                   <el-form-item  label="内容模块下边距"  v-if="curComponent.propValue.contentInnerBottom">
                            <el-input  v-model="curComponent.propValue.contentInnerBottom" type="number" />
                    </el-form-item>

                    <el-form-item  label="子模块是否阴影"  v-if="curComponent.propValue.boxShadow">
                           <el-switch
                                v-model="curComponent.propValue.boxShadow"
                                >
                                </el-switch>
                    </el-form-item>
                       <el-form-item  label="阴影颜色"  v-if="curComponent.propValue.shadowColor">
                                  <el-color-picker v-model="curComponent.propValue.shadowColor" show-alpha></el-color-picker>
                    </el-form-item>

                  <el-form-item  label="内容模块背景"  v-if="curComponent.propValue.itemBackground">
                             <el-color-picker v-model="curComponent.propValue.itemBackground" show-alpha></el-color-picker>
                    </el-form-item>
                    
                     <el-form-item  label="按钮圆角"  v-if="curComponent.propValue.Btnradius">
                            <el-input  v-model="curComponent.propValue.Btnradius" type="number" />
                    </el-form-item>
                      <el-form-item  label="图片宽度"  v-if="curComponent.propValue.imgwidth">
                            <el-input  v-model="curComponent.propValue.imgwidth" type="number" />
                    </el-form-item>
                     <el-form-item  label="图片高度"  v-if="curComponent.propValue.imgheight">
                           <el-input  v-model="curComponent.propValue.imgheight" type="number" />
                    </el-form-item>
                      <el-form-item  label="图片右边距"  v-if="curComponent.propValue.imgright">
                            <el-input  v-model="curComponent.propValue.imgright" type="number" />
                    </el-form-item>
                        <el-form-item  label="图片左边距"  v-if="curComponent.propValue.imgleft">
                            <el-input  v-model="curComponent.propValue.imgleft" type="number" />
                    </el-form-item>
                     <el-form-item  label="图片上边距"  v-if="curComponent.propValue.imgTop">
                           <el-input  v-model="curComponent.propValue.imgTop" type="number" />
                    </el-form-item>
                      <el-form-item  label="图片下边距" v-if="curComponent.propValue.imgBottom">
                           <el-input  v-model="curComponent.propValue.imgBottom" type="number" />
                    </el-form-item>
                        <el-form-item  label="内容模块下边距" v-if="curComponent.propValue.contentInnerBottom">
                           <el-input  v-model="curComponent.propValue.contentInnerBottom" type="number" />
                    </el-form-item>
                      <el-form-item  label="标题颜色"  v-if="curComponent.propValue.titleColor">
                             <el-color-picker v-model="curComponent.propValue.titleColor" show-alpha></el-color-picker>
                    </el-form-item>
                      <el-form-item  label="标题大小"  v-if="curComponent.propValue.titleSize">
                          <el-input  v-model="curComponent.propValue.titleSize" type="number" />
                    </el-form-item>
                       <el-form-item  label="标题上边距"  v-if="curComponent.propValue.titleTop">
                          <el-input  v-model="curComponent.propValue.titleTop" type="number" />
                    </el-form-item>
                       <el-form-item  label="标题对齐方式"  v-if="curComponent.propValue.titleAligin">
                              <el-select v-model="curComponent.propValue.titleAligin" placeholder="请选择">
                                        <el-option label="靠左"  value="flex-start"> </el-option>
                                        <el-option label="居中"  value="center"> </el-option>
                                        <el-option label="靠右"  value="flex-end"> </el-option>
                                    </el-select>
                    </el-form-item>
                    
                     <el-form-item  label="标题垂直内边距"  v-if="curComponent.propValue.titleAlignPadding">
                              <el-input  v-model="curComponent.propValue.titleAlignPadding" type="number" />
                    </el-form-item>
                  <el-form-item  label="标题横向内边距"  v-if="curComponent.propValue.titleBetweenPadding">
                              <el-input  v-model="curComponent.propValue.titleBetweenPadding" type="number" />
                    </el-form-item>
                    
                     <el-form-item  label="内容字体大小"  v-if="curComponent.propValue.ContentSize">
                              <el-input  v-model="curComponent.propValue.ContentSize" type="number" />
                    </el-form-item>
                     <el-form-item  label="内容颜色"  v-if="curComponent.propValue.ContentColor">
                             <el-color-picker v-model="curComponent.propValue.ContentColor" show-alpha></el-color-picker>
                    </el-form-item>
                     <el-form-item  label="内容对齐方式"  v-if="curComponent.propValue.FontcontentAlign">
                              <el-select v-model="curComponent.propValue.FontcontentAlign" placeholder="请选择">
                                        <el-option label="靠左"  value="flex-start"> </el-option>
                                        <el-option label="居中"  value="center"> </el-option>
                                        <el-option label="靠右"  value="flex-end"> </el-option>
                                    </el-select>
                    </el-form-item>
                        <el-form-item  label="内容垂直内边距"  v-if="curComponent.propValue.contentAlignPadding">
                              <el-input  v-model="curComponent.propValue.contentAlignPadding" type="number" />
                    </el-form-item>
                  <el-form-item  label="内容横向内边距"  v-if="curComponent.propValue.contentBetweenPadding">
                              <el-input  v-model="curComponent.propValue.contentBetweenPadding" type="number" />
                    </el-form-item>

                     <el-form-item  label="按钮组宽度"  v-if="curComponent.propValue.btnitemwidth">
                              <el-input  v-model="curComponent.propValue.btnitemwidth" type="number" />
                    </el-form-item>
                    <el-form-item  label="按钮组高度"  v-if="curComponent.propValue.btnitemheight">
                              <el-input  v-model="curComponent.propValue.btnitemheight" type="number" />
                    </el-form-item>
                     <el-form-item  label="按钮组圆角"  v-if="curComponent.propValue.btnitemradius">
                              <el-input  v-model="curComponent.propValue.btnitemradius" type="number" />
                    </el-form-item>
                    <el-form-item  label="按钮组大小"  v-if="curComponent.propValue.btnitemSize">
                              <el-input  v-model="curComponent.propValue.btnitemSize" type="number" />
                    </el-form-item>
                     <el-form-item  label="按钮组颜色"  v-if="curComponent.propValue.btnitemColor">
                             <el-color-picker v-model="curComponent.propValue.btnitemColor" show-alpha></el-color-picker>
                    </el-form-item>
                       <el-form-item  label="按钮组边框颜色"  v-if="curComponent.propValue.btnborderColor">
                             <el-color-picker v-model="curComponent.propValue.btnborderColor" show-alpha></el-color-picker>
                    </el-form-item>
                    <el-form-item  label="按钮组右边距"  v-if="curComponent.propValue.btnright">
                              <el-input  v-model="curComponent.propValue.btnright" type="number" />
                    </el-form-item>
                    <el-form-item  label="按钮组上边距"  v-if="curComponent.propValue.btntop">
                              <el-input  v-model="curComponent.propValue.btntop" type="number" />
                    </el-form-item>
                       <el-form-item  label="按钮组左边距"  v-if="curComponent.propValue.btnleft">
                              <el-input  v-model="curComponent.propValue.btnleft" type="number" />
                    </el-form-item>
                    <el-form-item  label="右侧模块宽度"  v-if="curComponent.propValue.rightBoxwidth">
                              <el-input  v-model="curComponent.propValue.rightBoxwidth" type="number" />
                    </el-form-item>
                       <el-form-item  label="右侧模块左边距"  v-if="curComponent.propValue.rightBoxmarginLeft">
                              <el-input  v-model="curComponent.propValue.rightBoxmarginLeft" type="number" />
                    </el-form-item>
                    <el-form-item  label="右侧模块上边距" v-if="curComponent.propValue.rightBoxmarginTop">
                              <el-input  v-model="curComponent.propValue.rightBoxmarginTop" type="number" />
                    </el-form-item>
                    
   </div>
</template>

<script>
export default {
 props:['curComponent']
}
</script>

<style>
.f{
        justify-content: space-around;
        justify-content: space-between;
}
</style>